<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>{$website.title}</title>
    <meta content="{$website.key}" name="keywords" />
    <meta name="description" content="{$website.des}"/>
    <link rel="shortcut icon" href="public/images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="__PUBLIC__/style/css/style.css" />
    <link rel="stylesheet" href="__PUBLIC__/style/css/index.css" />
    <link rel="stylesheet" href="__PUBLIC__/lib/style/swiper-4.1.6.min.css" />
</head>

<body>
    <div class="header">
        <div class="header-top">
            <a href="index.html" class="logo"><img src="__PUBLIC__/images/logo.png"/></a>
        </div>
        <div class="header-nav">
            <div class="nav g-width">
                <ul class="nav-ul">
                    <li class="nav-li nav-active">
                        <a href="__MODULE__/Index">首页</a>
                    </li>
                    <li class="nav-li">
                        <a href="__MODULE__/ProductSolution">产品解决方案</a>
                    </li>
                    <li class="nav-li">
                        <a href="__MODULE__/ProductLiangdian">产品亮点</a>
                    </li>
                    <li class="nav-li">
                        <a href="__MODULE__/Savety">安全理念</a>
                    </li>
                    <li class="nav-li">
                        <a href="__MODULE__/Service">售后服务</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="index-banner">
        <div class="banner">
            <div class='swiper-container '>
                <div class='swiper-wrapper'>
                    <div class='swiper-slide'>
                        <a href='javascript:;'>
                            <img src="__PUBLIC__/images/banner01.png" />
                        </a>
                    </div>
                    <div class='swiper-slide'>
                        <a href='javascript:;'>
                            <img src="__PUBLIC__/images/banner01.png" />
                        </a>
                    </div>
                    <div class='swiper-slide'>
                        <a href='javascript:;'>
                            <img src="__PUBLIC__/images/banner01.png" />
                        </a>
                    </div>
                    <div class='swiper-slide'>
                        <a href='javascript:;'>
                            <img src="__PUBLIC__/images/banner01.png" />
                        </a>
                    </div>
                </div>
                <div class='swiper-button-prev'></div>
                <div class='swiper-button-next'></div>
                <div class='swiper-pagination'></div>
            </div>
        </div>
        <div class="banner-bottom">
            <div class="bg">
                <div class="g-width b-content">
                    <h1>中国最大的彩票销售系统服务商</h1>
                    <p class="l-title">DO MORE DO BEST</p>
                    <p class="b-detail">博友，AI改变金融博友隶属于深圳英迈思文化科技有限公司　　博友彩票系统（隶属于博友旗下产品）从2006年组建以来，一直致力于“行业信息化”这一品牌使命，在医疗健康、彩票软件、网贷系统、移动订货系统这四大行业展开研究。在彩票软件、网贷...</p>
                </div>
            </div>
        </div>
    </div>
    <div class="index-main">
        <div class="g-width main">
            <h2 class="title-1">
                我们能够帮你做些什么
            </h2>
            <div class="line-box">
                <div class="juxing"></div>
            </div>
            <div class="miaoshu">
                <p>一直致力于“行业信息化”这一品牌使命，在医疗健康、彩票软件、网贷系统、
移动订货系统这四大行业展开研究。</p>
                <p>
在彩票软件、网贷、移动订货这三个行业，均取得行业领先的开发优势</p>
            </div>
            <div class="project">
                <ul class="pro-ul cl">
                    <li class="pro-li">
                        <img src="__PUBLIC__/images/icon01_weixuanzhong.png" alt="">
                        <div class="desc-box">
                            <h3>
                                彩票网站系统
                            </h3>
                            <p class="icon-list-1 icon-list">
                                <i></i>
                                <i></i>
                                <i></i>
                            </p>
                            <p class="desc">
                                SLS 5.3 是一款及多重营销功能
                                <br/> 与一体的互联网彩票销售系统....
                            </p>
                        </div>
                    </li>
                    <li class="pro-li">
                        <img src="__PUBLIC__/images/icon02_weixuanzhong.png" alt="">
                        <div class="desc-box">
                            <h3>
                                移动APP购彩版
                            </h3>
                            <p class="icon-list-2 icon-list">
                                <i></i>
                                <i></i>
                                <i></i>
                            </p>
                            <p class="desc">
                                SLS 5.3.0移动APP购彩版 语 言:简体中文适
                                <br/> 用企业:....
                            </p>
                        </div>
                    </li>
                    <li class="pro-li">
                        <img src="__PUBLIC__/images/icon03_weixuanzhong.png" alt="">
                        <div class="desc-box">
                            <h3>
                                彩票全网解决方案
                            </h3>
                            <p class="icon-list-3 icon-list">
                                <i></i>
                                <i></i>
                                <i></i>
                            </p>
                            <p class="desc">
                                博友彩票全网解决方案横跨PC、手机、
                                <br/> APP、微信，实现彩....
                            </p>
                        </div>
                    </li>
                    <li class="pro-li">
                        <img src="__PUBLIC__/images/icon04_weixuanzhong.png" alt="">
                        <div class="desc-box">
                            <h3>
                                彩票源码开源合作
                            </h3>
                            <p class="icon-list-4 icon-list">
                                <i></i>
                                <i></i>
                                <i></i>
                            </p>
                            <p class="desc">
                                博友彩票软件的源代码基于 
                                <br/> ASP.NET+MsSQL 开发，业务逻....
                            </p>
                        </div>
                    </li>
                </ul>
                <div class="more-pro">MORE PROJECT</div>
            </div>
            <div class="company">
                <h2>
                    谁选择了我们，我们合作过的客户
                </h2>
                <div class="line-box">
                    <div class="juxing"></div>
                </div>
                <div class="miaoshu">
                    <p>博友彩票历时9年迭代开发，累计服务了900多家大型企业测试试试试试试试</p>
                    <p>测试测试测试测试测试，试试试试测试</p>
                </div>
                <ul class="workmate cl">
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_01.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_02.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_03.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_04.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_05.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_06.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_07.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_08.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_09.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_10.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_11.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="__PUBLIC__/images/LOGO_12.png" alt="">
                        </a>
                    </li>
                </ul>
                <div class="more-clients">
                    MORE CLIENTS
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-main cl">
            <div class="yms">友情链接：</div>
            <ul class="cl">
                <volist name="links" id="vo">
                    <li>
                        <a href="{$vo.link}" target="_blank">{$vo.title}</a>
                    </li>
                </volist>
            </ul>
            <p class="copy">
                深圳英迈思文化科技有限公司（虎步控股成员企业）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Copyright  2008 - 2018博友彩票系统（shaove.com.cn）All Rights Reserved
                粤ICP备09063742号 增值电信业务经营许可 电信与信息服务业务经营许可证
            </p >
        </div>
    </div>
    <script src="__PUBLIC__/lib/js/jquery-1.11.3.js"></script>
    <script src="__PUBLIC__/lib/js/swiper-4.1.6.min.js"></script>
    <script src="__PUBLIC__/js/swiper.js"></script>
    <script>
        var proLi = $(".pro-li");

        proLi.on("mouseenter", function (e) {
            for (var i = 0; i < $(".pro-li").length; i++) {
                $(".pro-li").eq(i).removeClass("active").find("img").attr("src", "__PUBLIC__/images/icon0" + (i + 1) + "_weixuanzhong.png");
            };
            $(this).addClass("active").find("img").attr("src", "__PUBLIC__/images/icon0" + ($(this).index() + 1) + "_xuanzhong.png");
            var num = $(this).index() + 1;
            $(this).find(".icon-list i").each(function (index, ele) {
                $(ele).css("background", "url(__PUBLIC__/images/small-icon_0" + ((index + 1) * num) + "_xuanzhong.png) 8px 0 no-repeat")
            })
            $(this).find(".desc-box .desc").eq(0).fadeIn(500);
        })

        proLi.on("mouseleave", function () {
            var num = $(this).index() + 1;
            $(this).removeClass("active").find("img").attr("src", "__PUBLIC__/images/icon0" + ($(this).index() + 1) + "_weixuanzhong.png");
            $(this).find(".icon-list i").each(function (index, ele) {
                $(ele).css("background", "url(__PUBLIC__/images/small-icon_0" + ((index + 1) * num) + "_weixuanzhong.png) 8px 0 no-repeat")
            })
            $(this).find(".desc-box .desc").eq(0).fadeOut(500);
        })


    </script>
</body>

</html>